<template>
  <div>
    <el-row :gutter="20">
      <el-col :span="8">
        <div class="grid-content bg-purple">
          <!-- 首页user信息 -->
          <el-card shadow="hover">
            <div class="userCard">
              <el-avatar :size="120" :src="imgUrl"></el-avatar>
              <div class="userInfo">
                <p class="important-font">Hello,Admin</p>
                <p class="secondary-font">
                  今天天气晴朗，气温在15℃至25℃之间，美好的一天
                </p>
              </div>
            </div>
            <div class="login-info">
              <p>上次登录时间: 2024/07/16 18:16</p>
            </div>
          </el-card>
        </div>
      </el-col>
    </el-row>
  </div>
</template>
 
<script>
import * as echarts from "echarts";

export default {
  name: "Index",
  data() {
    return {
      imgUrl: require("../assets/tx.jpg"),
    };
  },
  methods: {},
};
</script>
 

<style  scoped>
.el-card__body {
  padding: 10px;
}
.userCard {
  height: 180px;
  display: flex;
  border-bottom: 2px solid #dcdfe6;
  border-radius: 2px;
}
.userInfo {
  width: auto;
  padding: 6% 0 0 6%;
}
.important-font {
  font-weight: 900;
  font-size: 25px;
}
.secondary-font {
  font-size: 12px;
  color: #909399;
  text-align: left;

}
.login-info {
  height: 40px;
  text-align: left;
  color: #909399;
}
.tableInfo {
  margin: 20px 0 0 0;
}
.OrderCard {
  margin: 0 0 30px 30px;
  border: #dcdfe6 1px solid;
  border-radius: 10px;
  i {
    width: 30%;
    line-height: 120px;
    font-size: 30px;
    color: #fff;
  }
  div {
    width: 300px;
  }
}
.el-card {
  border: none;
}
.num {
  display: flex;
  flex-wrap: wrap;
}
.graph {
  margin: 15px 0 0 0;
}
.el-calendar {
  height: 265px;
}
</style>